<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        /* "first-letter" 伪元素用于向文本的首字母设置特殊样式： */
        p::first-letter {
            color: #ff0000;
            font-size: xx-large;
        }

        /* 注意： "first-letter" 伪元素只能用于块级元素。 */
        /* 注意： 下面的属性可应用于 "first-letter" 伪元素： 
            font properties
            color properties 
            background properties
            margin properties
            padding properties
            border properties
            text-decoration
            vertical-align (only if "float" is "none")
            text-transform
            line-height
            float
            clear
         */
    </style>
</head>

<body>
    <p>你可以使用 "first-letter" 伪元素向文本的首字母设置特殊样式：</p>
    <p>你可以使用 "first-letter" 伪元素向文本的首字母设置特殊样式：</p>
    <p>123</p>
    <p>abc</p>
</body>

</html>